@charset "utf-8";/* CSS Document */
body {font-size: 12px;background-color: white;font-family: "思源黑体", "Arial";width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
html {margin: 0px;padding: 0px;}
* {margin: 0;padding: 0;}
ul, li {list-style-type: none;}
a {text-decoration: none;color: #8c8f91;}
img {margin: 0;padding: 0;vertical-align: bottom;}
a:hover {text-decoration: none;}
img {width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}

.w1500{ width:1500px;}
.w1300{ width:1300px;}

.top_right{ background:url(tel.jpg) no-repeat left center; padding-left:33px; text-align:left;}
.top_right p{ font-size:12px; color:#000;}
.top_right span{ color:#dd0002; font-size:17px; font-weight:bold;}

.top_qiehuan{ margin-left:20px;}
.top_qiehuan p{ background:#0c62ad; margin-bottom:7px; width:118px; border-radius:27px;}
.top_qiehuan p a{ padding-left:26px; text-transform:uppercase; font-size:14px; line-height:27px; color:#fff;}
.top_qiehuan_cn a{ background:url(cn.jpg) no-repeat left center;}
.top_qiehuan_en a{ background:url(en.jpg) no-repeat left center;}

.sousuo_index_bg{ clear:both; background:#f3f3f3; padding:52px 0;}
.sousuo_index_bg .container{display: flex;flex-wrap: wrap;align-items: center; justify-content: space-between;}
.sousuo_left{ background:url(sousuo_left.jpg) no-repeat left center; text-align:left; padding:4px 0 4px 79px;}
.sousuo_left p{ font-size:23px; color:#4c4c4c; font-weight:bold;}
.sousuo_left span{ text-transform:uppercase; color:#4c4c4c; font-size:12px;}
.sousuo_fenlei{ position:relative;width:25.3%; border:1px solid #cecece;}
.sousuo_fenlei_select{ color:#3a3b3d; font-size:18px;}
.sousuo_fenlei button{ width:100%;line-height:41px; padding:0 25px; background:#ffffff; color:#3a3b3d;display: flex;justify-content: space-between;}
.sousuo_fenlei button i.language_select{font-size: 12px; margin: 0 5px;}
.sousuo_fenlei .dropdown-menu{ margin:0;}
.sousuo_fenlei .dropdown-menu > li > a{ line-height:40px;display: flex;justify-content: space-between;}
.sousuo_fenlei .dropdown-menu > li > a .iconfont{transform: rotate(-90deg);}
.form2{width:53.6%;}
.form2_div{ width:100%; display: flex;flex-wrap: wrap;justify-content: space-between;}
.inputBox{ line-height:41px; padding-left:15px;width: calc(72.4% - 12px); background:#FFF; font-size:14px; color:#cecccd; border:1px solid #cecece; }
.submit{ background:#0462ae; color:#FFF; font-size:17px; width:27.6%; height:43px;}

.about_index{ clear:both; overflow:hidden; background: url(about_bg.jpg) no-repeat bottom center; padding-top:96px; padding-bottom:50px;}
.about_index .w1500{display: flex;flex-wrap: wrap;align-items: center;}
.about_left{ text-align:left; margin-bottom:20px;}
.about_title{ margin-bottom:25px; }
.about_title p{ font-size:45px; line-height:61px; color:#333333;font-weight:bold;}
.about_title span{ display:block;  }
.about_index_nr{ clear:both; overflow:hidden; margin-bottom:50px; padding-right:45px;}
.about_index_nr p{ font-size:17px; line-height:32px; color:#787878; margin-bottom:45px;}
.about_index_nr span{ font-size:17px; line-height:32px; color:#787878; margin-bottom:45px;}
.about_index_nr a{ color:#0d8cf9; width:176px; display:block; line-height:46px; text-align:center; font-size:16px; border:2px solid #0d8cf9; }
.about_ul{overflow:hidden; display: flex;flex-wrap: wrap;justify-content: space-between;}
.about_ul li{ text-align:center; width:25%; }
.about_ul li span{ color:#3b3b3b; font-size:17px; line-height:21px; }
.about_ul li p{ color:#1a1a1a; font-size:56px; line-height:65px; font-weight:bold;}
.about_ul li div{ display: flex; justify-content: center;align-items:flex-end; margin-bottom:8px;}
.about_ul li em{ color:#1a1a1a; font-size:22px; margin-left:5px; font-weight:bold; }
.about_right{}
.about_right img{ width:auto; max-width:100%;}

.pro_index{clear:both; overflow:hidden; background:#f3f4f6; padding-top:64px; padding-bottom:60px;}
.pro_title{ margin-bottom:70px;}
.pro_title p{ font-size:53px; color:#3b3b3b; font-weight:bold; line-height:73px;  }
.pro_title span{ color:#6e6e6e; font-size:22px; line-height:32px; }
.pro_left{ width:18%; float:left; text-align:left; background:#FFF;}
.prolist_title{ background:url(prolist_title.jpg) no-repeat left center; padding:20px 0 20px 90px;}
.prolist_title p{ font-size:30px; color:#FFF;}
.prolist_title span{ font-size:13px; color:#FFF; text-transform:uppercase;}
.prolist_ul_cen{ padding-bottom:32px; padding-top:15px; border-left:1px solid #ededed;  border-right:1px solid #ededed;}
.prolist_ul_cen li{ border-bottom:1px solid #eeeeee; width:207px; margin:0 auto;}
.prolist_ul_cen li a{ font-size:16px; color:#414141; line-height:45px; background:url(pro_li.jpg) no-repeat left center; padding-left:35px;}
.prolist_ul_cen li a:hover{ color:#d42f36; background:url(pro_li_h.jpg) no-repeat left center;}
.prolist_bottom{ background:#0c62ad; text-align:center; padding-bottom:23px; padding-top:20px;}
.prolist_bottom p{ font-size:20px; color:#FFF; text-transform:uppercase; line-height:28px;}
.prolist_bottom span{ font-size:32px; color:#FFF; font-weight:bold; line-height:52px; margin-bottom:7px;}
.prolist_bottom button{ display:block; width:160px; line-height:38px; background:#d42f36; font-size:20px; color:#FFF; margin:0 auto;}
.pro_right{ width:78%; float: right;}
.pro_right ul{display: flex;flex-wrap: wrap;}
.pro_right ul li{ margin-bottom:23px; padding:0 11px; text-align:left; }
.pro_right ul li a{ display:block; border:1px solid #d7dbe6; background:#FFF;}
.pro_right ul li p{ font-size:19px; line-height:29px; color:#404040; padding-left:20px; padding-top:20px;}

.case_bg{ background:url(case_bg.jpg) no-repeat top center; clear:both; overflow:hidden; padding-top:57px; padding-bottom:78px;}
.case_title{ background:url(case_title.jpg) no-repeat bottom center; padding-bottom:58px; margin-bottom:62px;}
.case_title p{ font-size:53px; color:#3b3b3b; font-weight:bold; line-height:73px;  }
.case_title span{ color:#6e6e6e; font-size:22px; line-height:32px; }
.swiper-case{ overflow:hidden; position:relative;}
.swiper-case li{ margin-bottom:55px;}
.swiper-case li img{ margin-bottom:14px;}
.swiper-case li p{ font-size:21px; line-height:41px; color:#656565;}
.swiper-scrollbar-drag{ background:#878787 !important;}
.swiper-scrollbar{ background: rgba(219, 219, 219, .1) !important;}

.video_index{ background:#f3f4f6; clear:both; padding-top:57px; padding-bottom:82px;}
.video_title{ margin-bottom:55px;}
.video_title p{ font-size:53px; color:#3b3b3b; font-weight:bold; line-height:73px;  }
.video_title span{ color:#6e6e6e; font-size:22px; line-height:32px; margin-bottom:37px;}
.video_title a{ background:#4d7df2; display:block; width:181px; line-height:45px; font-size:18px; color:#FFF; margin:0 auto; border-radius:45px;}
.swiper-video{ overflow:hidden;}
.swiper-video .swiper-wrapper{ margin-bottom:69px;}
.swiper-video li a{ position:relative; display:block; text-align:right; }
.swiper-video li span{ display:block; position:absolute; bottom:0; width:100%; height:179px; background:url(video_bg.png) no-repeat bottom center;  }
.swiper-video li p{ font-size:23px; color:#fff; position:absolute; bottom:29px; left:30px;width: calc(100% - 60px); background:url(video_p.png) no-repeat left center; padding-left:50px; height:45px; overflow:hidden; line-height:45px;  }
.swiper-pagination-video{ background:url(video_d.jpg) repeat-x center;display: flex; justify-content: space-between; align-items: center; max-width:1200px;  margin:0 auto;}
.swiper-pagination-video .swiper-pagination-bullet{ width:10px; height:10px; background:url(video_h.jpg) no-repeat; opacity:1; margin:0 !important;}
.swiper-pagination-video .swiper-pagination-bullet-active{ width:26px; height:26px; background:url(video_l.jpg) no-repeat;}
.swiper-pagination-video .swiper-pagination-bullet-active:hover{ background:url(video_hh.jpg) no-repeat;}

.news_index{ background:url(news_bg.jpg) no-repeat bottom right; clear:both; overflow:hidden; padding-top:56px; padding-bottom:82px;}
.news_title{ margin-bottom:38px; background:url(news_title.jpg) no-repeat center bottom; padding-bottom:45px;}
.news_title p{ font-size:53px; color:#3b3b3b; font-weight:bold; line-height:73px;  }
.news_title span{ color:#6e6e6e; font-size:22px; line-height:32px;}
.swiper-news{ overflow:hidden;}
.news_div{ width:82%; margin:0 auto; margin-top:-35px; z-index:66; position:relative;}
.news_time{ margin-bottom:20px; background:#FFF; padding-top:18px;}
.news_time p{ font-size:31px; color:#656565; line-height:43px;}
.news_time span{ font-size:13px; color:#979797; line-height:19px;}
.news_tdk{ margin-bottom:21px;}
.news_tdk p{ font-size:18px; color:#3a3a3a; line-height:30px; margin-bottom:12px; height:30px; overflow:hidden;}
.news_tdk span{ font-size:15px; color:#959595; line-height:24px;height:48px; overflow:hidden;}
.news_more{ background:#0c62ad;display: flex; justify-content: space-between; padding:0 19px;}
.news_more p{ font-size:15px; color:#fff; line-height:42px;}
.news_more span{ font-size:15px; color:#fff; line-height:42px;}

.foot_index_bg{ background:url(foot_bg.jpg) no-repeat top center #202326; clear:both; overflow:hidden; padding-top:80px;}
.foot_left{ float:left; text-align:left; width:26.66%; }
.foot_left .foot_logo{ width:auto; margin-bottom:28px; max-width:100%;}
.foot_left p{ color:#ffffff; font-size:14px; line-height:24px; margin-bottom:42px;}
.foot_left ul{ text-align:center;display: flex;flex-wrap: wrap;}
.foot_left ul li{ width:97px; margin-right:15px;}
.foot_left ul li span{ color:#ffffff; font-size:14px; line-height:24px; }
.foot_right{ width:63.8%; float:right; margin-bottom:25px;}
.foot_right ul{ text-align:left; background:url(foot_t.jpg) no-repeat top left; padding-left:0px;}
.foot_right ul p{ font-size:18px; color:#ffffff; font-weight:bold; line-height:77px;}
.foot_right ul li a{ font-size:15px; color:#a9a9a9; line-height:32px; } 
.foot_right ul li{ font-size:15px; color:#a9a9a9; line-height:32px;  } 
.foot03 li{ max-width:270px;}
.foot03 span{ font-size:28px; color:#FFF; font-weight:bold; line-height:43px; display:block; margin-bottom:10px; }
.foot03 a{ font-size:15px; color:#f49505; background:url(news_ju.png) no-repeat right center; padding-right:24px; }

.footer_index{ clear:both; padding:15px; border-top: 1px solid #393c3e;}
.footer_index img{ width:auto;}
.footer_index p{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index a{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index span{ color:#FFF; font-size:14px; line-height:25px;}

@media (max-width: 1500px) {           
.w1500{ width:100%; padding:0px;}
.foot_index_bg .w1500{ padding:0 15px;}

}

@media (max-width: 1300px) {           
.w1300{ width:100%;}
}

@media (max-width: 1200px) {           
.top_right{ display:none;}
.about_ul li p{ font-size:35px;}
.about_title p{ font-size:38px;}
.about_index_nr{ padding-right:0px;}
.pro_left{ width:20%;}
.prolist_title p{ font-size:26px;}
.prolist_bottom span{ font-size:29px;}

}

@media (max-width: 992px) { 
.sousuo_left{ display:none;}
.form2{ width:67%;}
.sousuo_fenlei{ width:32%;}
.pro_left{ width:100%; margin-bottom:25px;}
.pro_right{ width:100%;}
.prolist_title{ display:none;}
.prolist_bottom{ display:none;}
.pro_left{ background:none;}
.pro_left ul{display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; padding-bottom:0px;}
.pro_left ul li{ width:32%; background:#FFF; margin-bottom:15px;}










.foot_index_bg{ padding-top:25px;}
.foot_left{ width:100%; text-align:center; margin-bottom:20px;}
.foot_left ul{justify-content: center;}
.foot_left p{ margin-bottom:15px;}
.foot_right{ width:100%;}

}

@media (max-width: 768px) {           
.form2{ width:100%;}
.sousuo_fenlei{ width:100%; margin-bottom:15px;}
.sousuo_index_bg{ padding:20px 0;}
.foot03 li{ max-width:100%;}
.pro_right ul li p{ position:inherit; top:0; left:0;}
.pro_left ul li{ width:48%;}
.pro_right ul li:nth-last-child(1){ display:none;}
.news_div{ width:90%;}

}

@media (max-width: 500px) { 
.about_ul li{ width:50%; margin-bottom:20px;}
.about_index{ padding-top:45px; padding-bottom:25px;}
.about_title p{ font-size:25px; line-height:35px;}
.pro_title p{ font-size:33px; line-height:50px; margin-bottom:10px;}
.case_title p{ font-size:33px; line-height:50px; margin-bottom:10px;}
.video_title p{ font-size:33px; line-height:50px; margin-bottom:10px;}
.news_title p{ font-size:33px; line-height:50px; margin-bottom:10px;}
.pro_title span{ font-size:16px; line-height:26px;}
.case_title span{ font-size:16px; line-height:26px;}
.video_title span{ font-size:16px; line-height:26px; margin-bottom:15px;}
.news_title span{ font-size:16px; line-height:26px;}
.case_bg{ padding-top:30px; padding-bottom:30px;}
.swiper-case li{ margin-bottom:25px; }
.case_title{ padding-bottom:35px;}
.pro_right ul li p{ padding:10px; font-size:16px; margin-bottom:0px; line-height:26px;}

}


@media (max-width: 425px) { 
.pro_right ul li{ padding:0 8px;}          
.pro_left ul{ display:none;  }
.pro_index{ padding-top:30px; padding-bottom:30px;}
.pro_title{ margin-bottom:15px; }
.case_title{ margin-bottom:15px; }
.video_title{ margin-bottom:15px; }
.news_title{ margin-bottom:15px; }

}